// 弹性盒子横向靠边，垂直居中
@mixin display-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
// 头部
header {
    background-color: #2b80d9;
    // 导航栏
    .navbar {
        border-radius: 0;
        margin-bottom: 0;
        .container {
            .navbar-header {
                .navbar-brand {
                    @include display-box;
                }
            }
        }
    }

    // 选项列表
    .collapse {
        .list {
            li {
                @media (max-width: 992px) {
                    a {
                        padding: 15px 5px;
                    }
                }
            }
        }
    }
}
                        

// 页脚
footer {
    width: 100%;
    height: 112px;
    background-color: #3b3b3b;
    .ft-bottom {
        display: flex;
        align-items: center;
        height: 112px;
        .left {
            width: 50%;
            div {
                a {
                    font-size: 16px;
                    line-height: 20px;
                    color: #a1a3ab;
                }
            }
            span {
                font-size: 12px;
                color: #a1a3ab;
            }
        }
        .right {
            width: 50%;
            text-align: end;
            a {
                margin-left: 20px;
                position: relative;
                img:last-of-type {
                    position: absolute;
                    top: -165px;
                    left: -52px;
                    display: none;
                    z-index: 2;
                    @media (max-width: 768px) {
                        transform: scale(0.5);
                        top: -130px;
                    }
                }
                &:hover img:last-of-type {
                    display: block;
                }
                @media (max-width: 768px) {
                    margin-left: 5px;
                }
            }
        }
    }
}                        